<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title>返回顶部-秦韵科技 qinyunweb.com</title>
</head>
<body>
<style type="text/css">
        *{
            font-family: 微软雅黑;
        }
        body{
            height: 1200px;
        }
        .new h1 p{
            font-weight: bold;
            text-align:center;
        }
        #righttop{display:none; position: fixed; bottom:30px;right:25px;cursor:pointer;width: 50px;height: auto;background-color: #ffffff;}
        .rightfu{ position: fixed; bottom:300px;right:25px;cursor:pointer;width: 50px;height: 50px;background-color: #ffffff;}
        #rightma{position: fixed;bottom:75px;right:85px;cursor:pointer;width: 100px;height: 100px;display:none;}
        #rightphnoe{position: fixed;bottom:142px;right:85px;cursor:pointer;display:none;line-height: 15px;font-weight: bold;}
    </style>
    <div calss="new">
        <h1 style="text-align:center;line-height:300px;">滑动滚动条试试看?</h1>
        <p style="text-align:center;line-height:50px;">AlanNing - alanning.com</p>
        <p style="text-align:center;line-height:50px;">适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
        <p style="text-align:center;line-height:50px;">来源：<a href="http://alanning.com">AlanNing</a></p>
    

    </div>
     <div class="rightfu">
        <a href="http://wpa.qq.com/msgrd?v=3&uin=476080112&site=qq&menu=yes"><img src="./img/r_qq.png" style="background-color: #8A8A8A;border-radius:1px 1px 1px 1px;margin-bottom: 5px; "/></a>
        <img src="./img/r_phone.png" onmouseenter="document.getElementById('rightphnoe').style.display='block';"onmouseleave="document.getElementById('rightphnoe').style.display='none';"style="background-color: #8A8A8A;border-radius:1px 1px 1px 1px;margin-bottom: 5px; "/>
        <img src="./img/r_wx.png" onmouseenter="document.getElementById('rightma').style.display='block';"onmouseleave="document.getElementById('rightma').style.display='none';" style="background-color: #8A8A8A;border-radius:1px 1px 1px 1px;margin-bottom: 5px; "/>
    </div>
    <div id="rightphnoe">
       <p>152-0193-7370</p><p>176-0125-0736</p>
    </div>
    <div id="rightma">
        <img src="./img/2weima.jpg"/>
    </div>
    <div id="righttop">
        <img src="./img/r_top.png" style="background-color: #8A8A8A;border-radius:1px 1px 1px 1px;margin-top: 5px; "/>
    </div>
    <script>
        righttopobj=document.getElementById('righttop');
        nu=navigator.userAgent;
        window.onscroll=function(){
            if(nu.match(/chrom/i)){
                st=document.body.scrollTop;
                if(st>200){
                    righttopobj.style.display='block';
                }else{
                    righttopobj.style.display='none';
                }
            }else {
                st=document.documentElement.scrollTop;
                if(st>200){
                    righttopobj.style.display='block';
                }else{
                    righttopobj.style.display='none';
                }
            }
        }

        righttopobj.onclick=function(){
            nu=navigator.userAgent;

            if(nu.match(/chrom/i)){
                //谷歌
                document.body.scrollTop=0;
            }else{
                //非谷歌
                document.documentElement.scrollTop=0;
            }
        }


    </script>
</body>
</html>